<template>
  <div>
    <a-sub-menu v-for="item in menus[Number(selectedKeys[0])].children" :key="item.path">
      <span slot="title">
        <a-icon :type="item.meta.icon" />
        {{item.meta.title}}
      </span>
      <a-menu-item
        v-for="el in item.children"
        v-if="el.children?false:true"
        :key="el.path"
        @click="toRouter(el)"
      >{{el.meta.title}}</a-menu-item>
      <SItem></SItem>
    </a-sub-menu>
  </div>
</template>

<script>
export default {
  name: 'SItem',
  components: {},
  data () {
    return {
      subMenu: []
    }
  },
  props: { menus: { type: Array }, selectedKeys: { type: Array } },
  computed: {},
  watch: {},
  methods: {},
  filters: {},
  created () {
    this.subMenu = this.menus[Number(this.selectedKeys[0])].children
  },
  mounted () {

  },
  beforeDestroy () { }
}
</script>

<style lang="" scoped>
</style>
